<template>
    <div class="article" v-if="Object.keys(articles).length !==0">
        <!-- <router-link :to="'/articleInfo/'+item._id" v-for="item in articles" :key="item._id">
        <div class="about">
            <h3>{{item.title}}</h3>
            <span v-for="(item1,i) in item.tags" :key="i">{{item1.name}}</span>
            <p>{{item.description}}</p>
        </div>
        <img src alt />
        </router-link>-->
        <article-list-item 
        v-for="item in articles"
        :key="item._id"
        :item="item"
        ></article-list-item>
      
  </div>
</template>

<script>
import ArticleListItem from 'views/home/ArticleListItem.vue'
export default {
    props:{
        articles:{
            type:Array,
            default(){
                return []
            }
        }
    },
    components:{
        ArticleListItem
    },
    methods:{
       
    }
}

</script>
<style scoped lang="scss">

</style>